<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/bidplanlist.css">
    <script src="//at.alicdn.com/t/font_491183_81yjno16xvkg9zfr.js"></script>
    <title>Document</title>
</head>

<body>
    <header></header>
    <div class="nav_main"></div>
    <div class="bidplanlist_banner"></div>

    <div class="bidplanlist_selector clearfix">
        <div class="pl_detailed_left pull-left ">
            <h4>点点安盈17112901</h4>
            <div class="pl_detailed_center clearfix">
                <div class="pl_detailed_center_pic">
                    <h2 class="color">9.0
                        <small>%</small>
                    </h2>
                    <span>年化利率</span>
                </div>
                <span class="line"></span>
                <div class="pl_detailed_center_pic">
                    <h2 class="color">90000.00
                        <small>元</small>
                    </h2>
                    <span>总额</span>
                </div>
                <span class="line"></span>
                <div class="pl_detailed_center_pic">
                    <h2 class="color">30
                        <small>天</small>
                    </h2>
                    <span>投资期限</span>
                </div>
            </div>
            <div class="progress pl_detailed_pro">
                <div class="progress-bar" role="progressbar" style="width: 40%">
                    <p class="num">40%</p>
                </div>
            </div>
            <div class="pl_detailed_bottom">
                <p class="pull-left">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huankuanfangshi"></use>
                    </svg>
                    <span>还款方式:一次性还本付息,还本付息如遇节假日，顺延至下个工作日操作。</span>
                </p>
                <p class="pull-right">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-money"></use>
                    </svg>
                    <span>上限金额:2000元</span>
                </p>
            </div>
        </div>
        <div class="line"></div>
        <div class="pl_detailed_right pull-right">
            <h4>还款中</h4>
            <input type="text" class="form-control">
            <p>剩余金额：
                <span class="color">280000.00元</span>
            </p>
            <p>账户金额：
                <span class="color">280.00元</span>
                <span>登陆后可见</span>
            </p>
            <span class="btn btn-default btn-block" data-toggle="modal" data-target="#myModal">立即投标</span>
        </div>
    </div>
    <div class="bidplanlist_box">
        <div class="bidplanlist_center clearfix">
            <div class="details-bottom">
                <div class="frame-tabs">
                    <div class="tab_left">
                        <div class="tab-title">
                            <ul>
                                <li class="selected">
                                    <a>产品介绍</a>
                                </li>
                                <li class="">
                                    <a>加入记录</a>
                                </li>
                                <li class="">
                                    <a>项目进度</a>
                                </li>
                                <li class="">
                                    <a>债权信息</a>
                                </li>
                            </ul>
                        </div>
                        <!--tab-title end-->
                        <div id="tab-content">
                            <div class="tb-c active">
                                <table class="tab-table">
                                    <tbody>
                                        <tr>
                                            <th>名称</th>
                                            <td>点点专享A计划第DDZXA180103001期</td>
                                        </tr>
                                        <tr>
                                            <th>投资范围</th>
                                            <td>信用认证标、实地认证标</td>
                                        </tr>
                                        <tr>
                                            <th>收益方式</th>
                                            <td>一次性还本付息,还本付息如遇节假日，顺延至下个工作日操作。</td>
                                        </tr>
                                        <tr>
                                            <th>锁定期</th>
                                            <td>35 天</td>
                                        </tr>
                                        <tr>
                                            <th>投资起投金额</th>
                                            <td>500元起投</td>
                                        </tr>
                                        <tr>
                                            <th>加入费率</th>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <th>提前退出费率</th>
                                            <td>5%</td>
                                        </tr>
                                        <tr>
                                            <th>起息模型</th>
                                            <td>满标日+1起息</td>
                                        </tr>
                                        <tr>
                                            <th>购买开放时间</th>
                                            <td>2018-01-03 00:00</td>
                                        </tr>
                                        <tr>
                                            <th>购买截止时间</th>
                                            <td>2018-01-03 00:00</td>
                                        </tr>
                                        <tr>
                                            <th>起息时间</th>
                                            <td>未起息</td>
                                        </tr>
                                        <tr>
                                            <th>到期赎回方式</th>
                                            <td>一次性支付利息</td>
                                        </tr>
                                        <tr>
                                            <th>是否支持提前退出</th>
                                            <td>不支持</td>
                                        </tr>
                                        <tr>
                                            <th>保障方式</th>
                                            <td>本金保障计划</td>
                                        </tr>
                                        <tr>
                                            <th>服务协议</th>
                                            <td>
                                                <a href="#" class="btn btn-success">点击查看</a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!--tb-c end-->
                            <div class="tb-c">
                                <table class="tab-table toubiao">
                                    <tbody>
                                        <tr>
                                            <th>序号</th>
                                            <th>理财人</th>
                                            <th>加入金额</th>
                                            <th>投标时间</th>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>bi****34</td>
                                            <td>42.000.00</td>
                                            <td>2016-06-10 12:50:04</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>du****50</td>
                                            <td>42.000.00</td>
                                            <td>2016-07-16 10:32:04</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!--tb-c end-->
                            <div class="tb-c">
                                <div class="schedule">
                                    <div class="schedule_list">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-ditumoshishuididibiao1"></use>
                                        </svg>
                                        <span class="num">2017/12/28</span>
                                        <span class="line"></span>
                                        <p>发布时间</p>
                                        <span class="line horizontal"></span>
                                    </div>
                                    <div class="schedule_list money">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-ditumoshishuididibiao1"></use>
                                        </svg>
                                        <span class="num">1000.00元</span>
                                        <span class="line"></span>
                                        <p>计划金额</p>
                                        <span class="line horizontal"></span>
                                    </div>
                                    <div class="schedule_list people">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-ditumoshishuididibiao1"></use>
                                        </svg>
                                        <span class="num">10人</span>
                                        <span class="line"></span>
                                        <p>加入人数</p>
                                        <span class="line horizontal"></span>
                                    </div>
                                    <div class="schedule_list profit">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-ditumoshishuididibiao1"></use>
                                        </svg>
                                        <span class="num">1000.00元</span>
                                        <span class="line"></span>
                                        <p>赚取金额</p>
                                    </div>
                                </div>
                            </div>
                            <!--tb-c end-->
                            <div class="tb-c">
                                <table class="tab-table toubiao">
                                    <tbody>
                                        <tr>
                                            <th>原始债权人</th>
                                            <th>债权名称</th>
                                            <th>债权剩余金额</th>
                                            <th>剩余期限</th>
                                        </tr>
                                        <tr>
                                            <td>binhe1234</td>
                                            <td>点点安盈17071701</td>
                                            <td>405.91元</td>
                                            <td>168天</td>
                                        </tr>
                                        <tr>
                                            <td>binhe1234</td>
                                            <td>点点安盈17071701</td>
                                            <td>405.91元</td>
                                            <td>168天</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!--tb-c end-->
                        </div>
                        <!--#tab-content end-->
                    </div>
                    <!--tab_left end-->
                </div>
                <!--frame-tabs end-->
            </div>
        </div>
    </div>
    <div id="myModal" class="modal fade">
        <!-- <div class="modal-dialog" role="document"></div> -->
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">我要投标</h4>
                </div>
                <div class="modal-body">
                    <p>剩余投标金额：
                        <span class="color">20,000,00.00</span>元</p>
                    <div class="input-group">
                        <input type="text" class="form-control" id="exampleInputAmount" name="" placeholder="请输入投标金额">
                        <div class="input-group-addon">元</div>
                    </div>
                    <p>账户可用金额：
                        <span class="color">20,000,00.00</span>元</p>
                    <select class="form-control" name="">
                        <option>选择优惠券</option>
                        <option disabled>暂无可用优惠券</option>
                    </select>
                    <label class="checkbox-inline">
                        <input type="checkbox" class="agree" id="inlineCheckbox1" value="option1" name="">
                        我已阅读并且同意<a href="#">《风险提示书》</a>
                    </label>
                    <button type="button" class="btn btn-primary btn-block">立即投标</button>
                </div>
            </div>
        </div>
    </div>

    </div>
    <footer></footer>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script>
        $(function () {
            $(".tab-title ul li").click(function () {
                $(this).addClass("selected").siblings().removeClass('selected');
                $("#tab-content .tb-c").hide().eq($(".tab-title ul li").index(this)).show()
            })
        })
    </script>

</body>

</html>